<!--
 * @Author: cl
 * @Description: 
 * @Date: 2022-05-17 15:50:11
 * @LastEditTime: 2023-03-20 14:51:09
 * @FilePath: \jsnode\jsStudy\append.html
 * @LastEditors: cl
-->
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>html5</title>
  <style></style>

  <!--不需要再次引用jquery-->
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  <script>
    $(document).ready(function () {
      $("#beP").appendTo("#myDiv");
    })
  </script>

</head>

<body>
  <p id="beP">被追加的内容</p>
  <div id="myDiv" style=" height: 100px;border: 2px solid blue    ;margin: 2px auto;width: 200px;">
    <h3 id="appendH3">append()追加内容</h3>
  </div>
  <div id="nonecss" style="display: none;">
    woshiyige
  </div>
  <div id="hiddencss" style="visibility: hidden;">
    hidden
  </div>
  <div>
    我是分割线
  </div>

</body>

</html>